<template>
  <el-cascader v-model="value" :props="props" @visible-change="visibleChange" @focus="focus" :options="options" @change="handleChange">
    <div slot="empty" style="height: 100px;">

    </div>
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      loading: true,
      options: [],
      props: {
        lazy: true,
        lazyLoad: this.lazyLoad
      }
    }
  },
  methods: {
    focus(v){
      // console.log('focus')
    },
    lazyLoad(){
      console.log('lazyLoad')
    },
    visibleChange(){
      console.log('visibleChange')
    },
    handleChange(v) {
      console.log(v)
    }
  }
}
</script>